<nz-space nzDirection="vertical">
	<nz-space nzDirection="horizontal" *nzSpaceItem>
		<button *nzSpaceItem nz-button nzType="primary" (click)="go()">Primary Button</button>
		<button *nzSpaceItem nz-button nzType="default" (click)="isVisible = true">Default Button</button>
		<button *nzSpaceItem nz-button nzType="dashed" appDrag (onDrag)="onDrag($event)">Dashed Button</button>
		<button *nzSpaceItem nz-button nzType="text">Text Button</button>
		<a *nzSpaceItem nz-button nzType="link">Link Button</a>
	</nz-space>

	<app-ant-table *nzSpaceItem [tableConfig]="tableConfig" [tableData]="tableData"></app-ant-table>
</nz-space>

<ng-template #highLightTpl let-code="code">
	<nz-badge nzStatus="processing" nzText="成功"></nz-badge> 并且{{ code }}
</ng-template>

<nz-modal [(nzVisible)]="isVisible" nzTitle="The first Modal" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()">
	<ng-container *nzModalContent>
		<p appDrag>Content one</p>
		<p>Content two</p>
		<p>Content three</p>
	</ng-container>
</nz-modal>
